<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./shouye.css">
    <link rel="stylesheet" href="./图标/iconfont.css">
    <link rel="stylesheet" href="./鼠标事件/iconfont.css">
</head>
<body>
    <!-- 头部导航条 -->
    <div class="nav">
        <div class="nav-center">
            <!-- 导航条左侧 位置登录注册 -->
            <div class="nav-center-left">
                <!-- 字体图标类名的使用 -->
                <span class="iconfont icon-dingwei"></span>
                <a href=" ">北京</a>
                <a href="#">切换城市</a>
                <a href="#">[ 平定县&nbsp&nbsp孟县&nbsp&nbsp平山 ]</a>
                <a href="./denglu.html">立即登录</a>
                <a href="./zhuce.html">注册</a>
            </div>
            <!-- 导航条右侧 我的美团 手机APP 商家中心 美团规则 网站导航 -->
            <div class="nav-center-right">
                <ul id="dropdown">
                    <li>
                        <a href="">我的美团</a>
                        <dl class="displaynone">
                            <dd><a href="">我的订单</a></dd>
                            <dd><a href="">我的收藏</a></dd>
                            <dd><a href="">抵用券</a></dd>
                            <dd><a href="">账户设置</a></dd>
                        </dl>
                    </li>
                    <li>
                        <a href="">手机APP</a>
                        <!-- <dl></dl> -->
                     </li>
                    <li>
                        <a href="">商家中心</a>
                        <dl class="displaynone">
                            <dd>
                                <a href="#">美团餐饮商户中心</a>
                            </dd>
                            <dd>
                                <a href="#">登录商家中心</a>
                            </dd>
                            <dd>
                                <a href="#">美团智能收银</a>
                            </dd>
                            <dd>
                                <a href="#">我想合作</a>
                            </dd>
                            <dd>
                                <a href="#">手机免费开店</a>
                            </dd>
                            <dd>
                                <a href="#">到店综合业务招募</a>
                            </dd>
                            <dd>
                                <a href="#">餐饮合作社招募</a>
                            </dd>
                            <dd>
                                <a href="#">商家申请开票</a>
                            </dd>
                            <dd>
                                <a href="#">免费合作美团排队</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <a href="">美团规则</a>
                        <dl class="displaynone">
                            <dd>
                                <a href="#">规则中心</a>
                            </dd>
                            <dd>
                                <a href="#">规则目录</a>
                            </dd>
                            <dd>
                                <a href="#">规则评议院</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <a href="">网站导航</a>
                        <dl class="displaynone">
                            <dd>
                                <div>
                                    酒店旅游
                                </div>
                                <span>国际机票</span>
                                <span>火车票</span>
                                <span>民宿</span>
                                <span>经济型酒店</span>
                                <span>主题酒店</span>
                                <span>商务酒店</span>
                                <span>公寓</span>
                                <span>豪华酒店</span>
                                <span>客栈</span>
                                <span>青年旅社</span>
                                <span>度假酒店</span>
                                <span>别墅</span>
                                <span>农家院</span>
                            </dd>
                            <dd>
                                <div>
                                    吃美食
                                </div>
                                <span>烤鱼</span>
                                <span>特色小吃</span>
                                <span>烧烤</span>
                                <span>自助餐</span>
                                <span>火锅</span>
                                <span>代金券</span>
                            </dd>
                            <dd>
                                <div>
                                    看电影
                                </div>    
                                <span>热映电影</span>
                                <span>热门影院</span>
                                <span>热映电影口碑</span>
                                <span>最受期待电影</span>
                                <span>国内票房榜</span>
                                <span>北美票房榜</span>
                                <span>电影排行榜</span>
                            </dd>
                            <dd>
                                <div>
                                    手机应用
                                </div>
                                <span>
                                    <img src="https://s0.meituan.net/bs/fe-web-meituan/2d53095/img/appicons/meituan.png"/>
                                </span>
                                <span>
                                    <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/waimai.png" alt="美团"/>
                                </span>
                                <span>
                                    <img src="https://p0.meituan.net/travelcube/162c3308d9622f6d9cfaa49e60be4dca8573.png" alt="美团"/>
                                </span>
                                <span>
                                    <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/dianping.png" alt="美团"/>
                                </span>
                                <span>
                                    <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="美团"/>
                                </span>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 搜索区域 -->
    <div class="header">
        <div class="header-center">
            <!-- logo区域 -->
            <div class="header-center-left">
                    <a href="" title="">
                        <img src="https://s0.meituan.net/bs/fe-web-meituan/10afbf1/img/logo.png"/>
                    </a>
            </div>
            <!-- 搜索区域 -->
            <div class="header-center-center">
                <input class="header-search-input" type="text" placeholder="&nbsp&nbsp&nbsp搜索商家或地点">
                <button>
                    <span class="iconfont icon-sousuo"></span>
                </button>
                <ul class="header-center-sou">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体区域 -->
    <div class="bodyer">
        <div class="bodyer-center">
            <!-- 全部分类 -->
            <div class="bodyer-center-left">
                <span>全部分类</span>
                <ul id="dropright">
                    <li>
                        <i class="iconfont icon-meishi"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>美食</span>
                        <b>&gt;</b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">美食</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>代金券</span>
                                <span>甜点饮品</span>
                                <span>火锅自助</span>
                                <span>小吃</span>
                                <span>快餐</span>
                                <span>日韩料理</span>
                                <span>西餐</span>
                                <span>聚餐宴请</span>
                                <span>烧烤烤肉</span>
                                <span>东北菜</span>
                                <span>川湘菜</span>
                                <span>江浙菜</span>
                                <span>香锅</span>
                                <span>烤鱼</span>
                                <span>粤港菜中式</span>
                                <span>烧烤/烤串</span>
                                <span>西北菜</span>
                                <span>咖啡</span>
                                <span>酒吧</span>
                                <span>茶馆</span>
                                <span>云贵菜</span>
                                <span>东南亚菜</span>
                                <span>海鲜素食</span>
                                <span>台湾/客家</span>
                                <span>创意菜</span>
                                <span>汤/粥/</span>
                                <span>炖菜</span>
                                <span>蒙餐</span>
                                <span>新疆菜</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-meituan"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/8d264fd/img/appicons/waimai.png" alt="">
                        <span>外卖</span>
                        <b>&gt;</b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">外卖</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>美团外卖</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont  icon-jiudian"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>酒店</span>
                        <b></b>
                        <i></i>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">酒店星级</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>经济型</span>
                                <span>舒适/三星</span>
                                <span>高档/四星</span>
                                <span>豪华/五星</span>  
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-minsu"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>民宿</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">热门城市</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>上海</span>
                                <span>成都</span>
                                <span>北京</span>
                                <span>重庆</span>
                                <span>南京</span>
                                <span>杭州</span>
                                <span>广州</span>
                                <span>西安</span>
                                <span>武汉</span>
                                <span>厦门</span>
                                <span>长沙</span>
                                <span>青岛</span>
                                <span>深圳</span>
                                <span>天津</span>
                                <span>苏州</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-dianying"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>猫眼电影</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">热映电影</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>速度与激情</span>
                                <span>悬崖之上</span>
                                <span>我们在一起</span>
                                <span>哆啦A梦</span>
                                <span>伴我同行</span>
                                <span>寂静之地</span>
                                <span>情书</span>
                                <span>追虎擒龙</span>
                                <span>人之怒</span>
                                <span>扫黑</span>
                                <span>白蛇传</span>                                        
                            </div>

                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-gaotiedongche"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>机票 ⁄ 火车票</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">机票</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>国内机票</span>
                                <span>国际机票</span>
                                <span>港澳台机票</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-KTV"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>休闲娱乐 ⁄ KTV</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">休闲娱乐</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>足疗按摩</span>
                                <span>洗浴/汗蒸</span>
                                <span>酒吧</span>
                                <span>密室逃脱</span>
                                <span>轰趴馆</span>
                                <span>茶馆</span>
                                <span>私人影院</span>
                                <span>DIY手工坊</span>
                                <span>采摘/农家乐</span>
                                <span>网吧网咖</span>
                                <span>游乐游艺</span>
                                <span>VR桌面</span>
                                <span>游戏</span>
                                <span>真人CS</span>
                                <span>棋牌室</span>
                                <span>其他玩乐</span>
                            </div>

                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-minsu"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>生活服务</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">生活服务</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>衣物/皮具</span>
                                <span>洗护</span>
                                <span>家政</span>
                                <span>搬家</span>
                                <span>运输</span>
                                <span>送水</span>
                                <span>充值缴费</span>
                                <span>服饰/鞋包</span>
                                <span>养护</span>
                                <span>开锁换锁</span>
                                <span>居家维修</span>
                                <span>管道疏通</span>
                                <span>家电维修</span>
                                <span>清洗电脑</span>
                                <span>维修手机</span>
                                <span>维修</span>
                                <span>证件照</span>
                                <span>肖像</span>
                                <span>摄影照片</span>
                                <span>冲印/图文</span>
                                <span>文印</span>
                                <span>商务服务</span>
                                <span>法律服务</span>
                                <span>文化传媒</span>
                                <span>成人用品</span>   
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-nvren01"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>丽人 ⁄ 美发 ⁄ 医学美容</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">丽人美发</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>美发</span>
                                <span>美甲</span>
                                <span>美睫</span>
                                <span>美容</span>
                                <span>美体</span>
                                <span>医学美容</span>
                                <span>瑜伽舞蹈</span>
                                <span>瘦身</span>
                                <span>纤体</span>
                                <span>韩式定妆</span>
                                <span>祛痘</span>
                                <span>纹身</span>
                                <span>化妆品</span>
                                <span>养发</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-zuanshi"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>结婚 ⁄ 婚纱摄影 ⁄ 婚宴</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">结婚</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>婚纱摄影旅拍</span>
                                <span>个性写真</span>
                                <span>婚宴</span>
                                <span>婚庆公司</span>
                                <span>婚纱礼服</span>
                                <span>西服定制</span>
                                <span>婚戒首饰</span>
                                <span>婚车租赁</span>
                                <span>司仪主持</span>
                                <span>彩妆造型</span>
                                <span>婚礼跟拍</span>
                                <span>婚礼小礼品</span>
                                <span>婚礼服务</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-qinzi"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>亲子 ⁄ 儿童乐园 ⁄ 幼教</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">儿童乐园 </a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>早教中心</span>
                                <span>少儿英语</span>
                                <span>智力开发</span>
                                <span>托班</span>
                                <span>幼儿园</span>
                                <span>幼儿教育</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-yaling"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>运动健身 ⁄ 健身中心</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">运动健身</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>健身中心</span>
                                <span>武术场馆</span>
                                <span>游泳馆</span>
                                <span>羽毛球馆</span>
                                <span>溜冰场</span>
                                <span>射箭馆</span>
                                <span>篮球场</span>
                                <span>网球馆</span>
                                <span>台球馆</span>
                                <span>乒乓球</span>
                                <span>足球场</span>
                                <span>高尔夫场</span>
                                <span>保龄球馆</span>
                                <span>体育场馆</span>
                                <span>马术场</span>
                                <span>壁球馆</span>
                                <span>更多运动</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-jiazhuang"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>家装 ⁄ 建材 ⁄ 家居</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">家装</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>地板</span>
                                <span>瓷砖</span>
                                <span>石材</span>
                                <span>橱柜</span>
                                <span>灯饰</span>
                                <span>照明</span>
                                <span>厨卫</span>
                                <span>洁具</span>
                                <span>油漆</span>
                                <span>涂料</span>
                                <span>集成吊顶</span>
                                <span>墙纸</span>
                                <span>墙艺</span>
                                <span>门窗</span>
                                <span>木材</span>
                                <span>板材</span>
                                <span>家用五金</span>
                                <span>电工</span>
                                <span>电料</span>
                                <span>楼梯</span>
                                <span>管材管件</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-xuexi"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>学习培训 ⁄ 音乐培训</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">音乐培训</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>钢琴</span>
                                <span>吉他</span>
                                <span>小提琴</span>
                                <span>古筝</span>
                                <span>架子鼓</span>
                                <span>声乐</span>
                                <span>其他培训</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-yiliao"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>医疗健康 ⁄ 宠物 ⁄ 爱车</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">医疗健康</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>医院</span>
                                <span>齿科</span>
                                <span>口腔体检</span>
                                <span>中心药店</span>
                                <span>中医</span>
                                <span>健康服务</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="iconfont icon-jiuba"></i>
                        <img src="https://s1.meituan.net/bs/fe-web-meituan/404d350/img/appicons/maoyan.png" alt="">
                        <span>酒吧 ⁄ 密室逃脱</span>
                        <b></b>
                        <div class="allsort displaynone">
                            <div>
                                <span>
                                    <a href="">玩乐</a>
                                </span>
                                <span>
                                    <a href="">更多></a>
                                </span>
                                <hr/>
                            </div>
                            <div id="goodfood">
                                <span>KTV</span>
                                <span>酒吧</span>
                                <span>密室逃脱</span>
                                <span>游乐游艺</span>
                                <span>网吧网咖</span>
                                <span>私人影院</span>
                                <span>DIY手工坊</span>
                                <span>桌面游戏</span>
                                <span>采摘/农家乐</span>
                                <span>棋牌室</span>
                                <span>轰趴馆</span>
                                <span>真人CS</span>
                                <span>VR</span>
                                <span>其他玩乐</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播区域 -->
            <div class="bodyer-center-center">
                <div class="bodyer-center-center-top">
                    <a href=" ">美团外卖</a>
                    <a href="#">猫眼电影</a>
                    <a href="#">美团酒店</a>
                    <a href="#">民宿 ⁄ 公寓</a>
                    <a href="#">商家入驻</a>
                    <a href="#">美团公益</a>
                </div>
            <div class="bodyer-center-center-bottom">
                <!-- 轮播图 -->
                    <div id="carousel">
                        <a href="" id="links">
                            <img src="" alt="" id="image">
                        </a>
                        <div id="left">
                            &lt;
                        </div>
                        <div id="right">
                            &gt;
                        </div>
                        <div id="number">
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                            </ul>
                        </div>
                    </div>
                    <div class="leisure">
                         
                    </div>
                    <div class="hotel">
                         
                    </div>
                    <div class="topover">
                         
                    </div>
                    <div class="shopping">
                         
                    </div>
                </div>
            </div>
            <!-- 登录和注册 -->
            <div class="bodyer-center-right">
                <!-- 登录和注册 -->
                <div class="bodyer-center-right-top">
                    <div></div>
                    <p>
                        Hi!你好
                    </p>
                    <div>
                        <a href="./zhuce.html">注册</a> 
                    </div>
                    <div>
                        <a href="./denglu.html">立即登录</a> 
                    </div>
                </div>
                <!-- 二维码和介绍 -->
                <div class="bodyer-center-right-bottom">
                    <div></div>
                    <p>美团APP手机版</p>
                    <span>一元起</span>
                    <b>吃喝玩乐</b>
                </div>
            </div>
        </div>
    </div>   
    <!--猫眼电影-->
    <div class="movie">
        <div class="movie-center">
            <!--电影介绍-->
            <div class="movie-center-top">
                <div class="movie-center-top-one">
                    <ul id="movie-tab">
                        <li>猫眼电影</li>
                        <li>
                            正在热映
                            <div class="triangle"></div>
                        </li>
                        <li>
                            即将上映
                            <div class="triangle displaynone"></div>
                        </li>
                        <li>全部&gt;</li>
                    </ul>
                </div>
                <div id="movie-show">
                    <button id="movieleft">
                        &lt;
                    </button>
                    <button id="movieright">
                        &gt;
                    </button>
                    <div class="moviehot" style="display: block;" id="nowhot">
                        <img src="./images/mm1.jpg" alt="电影">
                        <img src="./images/mm2.jpg" alt="电影">
                        <img src="./images/mm3.jpg" alt="电影">
                        <img src="./images/mm4.jpg" alt="电影">
                        <img src="./images/mm5.jpg" alt="电影">
                        <img src="./images/mm6.jpg" alt="电影">
                        <img src="./images/mm7.jpg" alt="电影">
                        <img src="./images/mm8.jpg" alt="电影">
                        <img src="./images/mm9.jpg" alt="电影">
                        <img src="./images/mm10.jpg" alt="电影">
                    </div>
                    <div class="moviehot" style="display: none;" id="quick">
                        <img src="./images/mm11.jpg" alt="电影">
                        <img src="./images/mm12.jpg" alt="电影">
                        <img src="./images/mm13.jpg" alt="电影">
                        <img src="./images/mm14.jpg" alt="电影">
                        <img src="./images/mm15.jpg" alt="电影">
                        <img src="./images/mm16.jpg" alt="电影">
                        <img src="./images/mm17.jpg" alt="电影">
                        <img src="./images/mm18.jpg" alt="电影">
                        <img src="./images/mm19.jpg" alt="电影">
                        <img src="./images/mm20.jpg" alt="电影">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--推荐民宿-->
    <div class="hotel">
        <div class="hotel-center">
            <!--民宿列表-->
            <div class="hotel-center-top">
                <div>推荐民宿</div>
                <ul id="hotel-tab">
                    <li class="act">天津</li>
                    <li>济南</li>
                    <li>大量</li>
                    <li>太原</li>
                    <li>保定</li>
                    <li>邯郸</li>
                    <li>衡水</li>
                    <li>潍坊</li>
                    <li>唐山</li>
                    <li>泰安</li>
                </ul>
            </div>
            <!--民宿详情-->
            <div class="hotel-center-bottom">
                <div id="container">
                        <div class="tablist">
                            <div>
                                <a href="#">
                                    <img src="./images/hh1.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh2.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh3.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh4.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh5.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh6.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh7.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh8.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh9.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh10.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh11.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh1.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh13.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh14.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh15.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh6.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh19.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh8.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh20.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh21.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh22.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh23.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh24.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh25.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh26.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh27.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh28.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh29.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh30.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh31.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh32.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh33.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh34.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh35.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh37.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh38.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh39.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh40.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh41.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh42.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh43.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh44.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh46.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh47.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh49.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh50.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh51.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh52.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh54.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh55.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh56.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh57.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh58.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh60.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                        <div class="tablist disnone">
                            <div>
                                <a href="#">
                                    <img src="./images/hh39.jpg" alt="电影">
                                </a>
                                <span>
                                    温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
                                </span>
                                <p>
                                    整套一居室可住两人|华明镇
                                </p>
                                <b>
                                    &yen;189
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh40.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|
                                </span>
                                <p>
                                    整套一居室可住两人|天津港
                                </p>
                                <b>
                                    &yen;221
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh41.jpg" alt="电影">
                                </a>
                                <span>
                                    【爱巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
                                </span>
                                <p>
                                    整套一居室可住两人|空港
                                </p>
                                <b>
                                    &yen;135
                                </b>
                                
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh42.jpg" alt="电影">
                                </a>
                                <span>
                                    【泡泡女孩】大床/近武警医院/近机场/可做饭
                                </span>
                                <p>
                                    整套一居室可住两人|泡泡女孩
                                </p>
                                <b>
                                    &yen;208
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh43.jpg" alt="电影">
                                </a>
                                <span>
                                    鲸原宿/月租/周租/南大/吾悦/J2
                                </span>
                                <p>
                                    整套一居室可住两人|南大
                                </p>
                                <b>
                                    &yen;158
                                </b>
                            </div>
                            <div>
                                <a href="#">
                                    <img src="./images/hh44.jpg" alt="电影">
                                </a>
                                <span>
                                    临近财经大学，天职技术师范大学，人人乐购物超市，梅江会展中心
                                </span>
                                <p>
                                    整套一居室可住两人|梅林路
                                </p>
                                <b>
                                    &yen;191
                                </b>
                            </div>
                        </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--猜你喜欢-->






    <script src="./shouye.js"></script>
</body>
</html>